<template>
	<view>
		<uni-nav-bar left-icon="arrowthinleft" title="我的账户" :border="false" :fixed="true" bg="bg-fff" color="#333" @clickLeft="goBack()"></uni-nav-bar>
		<view @click="jump('/pages/zhanghu/jifen')" class="margin-top-20 flex align-center justify-between bg-fff padding-24">
			<view class="flex align-center">
				<image style="width: 66rpx;height: 66rpx;" src="../../static/img/zh1.png"></image>
				<text class="fs-28 color-333 margin-left-10">积分账户</text>
			</view>
			<view class="flex align-center">
				<text class="fs-26 color-999">余额</text>
				<text class="fs-28 color-zhuse margin-x-16">{{info.points}}</text>
				<image src="../../static/img/next2.png" style="width: 12rpx;height: 22rpx;"></image>
			</view>
		</view>
		<view @click="jump('/pages/zhanghu/ticheng')" class="margin-top-20 flex align-center justify-between bg-fff padding-24">
			<view class="flex align-center">
				<image style="width: 66rpx;height: 66rpx;" src="../../static/img/zh2.png"></image>
				<text class="fs-28 color-333 margin-left-10">二代提成收益</text>
			</view>
			<view class="flex align-center">
				<text class="fs-26 color-999">余额</text>
				<text class="fs-28 color-zhuse margin-x-16">{{info.retail}}</text>
				<image src="../../static/img/next2.png" style="width: 12rpx;height: 22rpx;"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:{}
			}
		},
		onShow() {
			this.getInfo()
		},
		methods:{
			getInfo(){
				this.$api.material().then(res=>{
					if(res.code == 1){
						this.info = res.data.data
					}
				})
			},
		}
	}
</script>

<style>
	page{background: #F7F7F7;}
</style>
